<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔仙个人中心</title>
    <link rel="shortcut icon" href="./favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/center.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>

<body>
    <!-- 项部导航 -->
    <div class="xtx_topnav">
        <div class="wrapper">
            <!-- 顶部导航 -->
            <ul class="xtx_navs">
                <li>
                    <a href="./login.html">请先登录</a>
                </li>
                <li>
                    <a href="./register.html">免费注册</a>
                </li>
                <li>
                    <a href="javascript:;">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;">在线客服</a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="mobile sprites"></i> 手机版
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
    <div class="xtx_header clearfix">
        <div class="wrapper">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">首页</a>
                    </li>
                    <li>
                        <a href="javascript:;">生鲜</a>
                    </li>
                    <li>
                        <a href="javascript:;">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;">餐厨</a>
                    </li>
                    <li>
                        <a href="javascript:;">电器</a>
                    </li>
                    <li>
                        <a href="javascript:;">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;">洗护</a>
                    </li>
                    <li>
                        <a href="javascript:;">孕婴</a>
                    </li>
                    <li>
                        <a href="javascript:;">服装</a>
                    </li>
                </ul>
            </div>
            <!-- 站内搜索 -->
            <div class="xtx_search clearfix">
                <!-- 购物车 -->
                <a href="javascript:;" class="xtx_search_cart sprites">
                    <i>2</i>
                </a>
                <!-- 搜索框 -->
                <div class="xtx_search_wrapper">
                    <input type="text" placeholder="搜一搜">
                </div>
            </div>
        </div>
    </div>
    <!-- --------------主题内容 -->
    <div class="xtx-main">
        <div class="wrapper">
            <!-- -------侧边栏 -->
            <aside>
                <div class="person">
                    <img src="./uploads/avatar_1.png" alt="">
                    <h5>张小花</h5>
                    <p><img src="./images/vip_gold.png" alt="">黄金会员</p>
                </div>
                <div class="hu">
                    <ul>
                        <li><a href="#"><h5>我的账户</h5></a></li>
                        <li><a href="#">个人中心</a></li>
                        <li><a href="#">消息通知</a></li>
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">安全设置</a></li>
                        <li><a href="#">地址管理</a></li>
                        <li><a href="#">我的积分</a></li>
                        <li><a href="#">我的足迹</a></li>
                        <li><a href="#">邀请有奖</a></li>
                        <li><a href="#">幸运抽奖</a></li>
                    </ul>
                </div>
                <div class="change">
                    <ul>
                        <li><a href="#"><h5>交易管理</h5></a></li>
                        <li><a href="#">个人中心</a></li>
                        <li><a href="#">消息通知</a></li>
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">安全设置</a></li>
                        <li><a href="#">地址管理</a></li>
                    </ul>
                </div>
                <div class="col">
                    <ul>
                        <li><a href="#"><h5>我的收藏</h5></a></li>
                        <li><a href="#">个人中心</a></li>
                        <li><a href="#">消息通知</a></li>
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">安全设置</a></li>
                        <li><a href="#">地址管理</a></li>
                    </ul>
                </div>
                <div class="help">
                    <ul>
                        <li><a href="#"><h5>帮助中心</h5></a></li>
                        <li><a href="#">个人中心</a></li>
                        <li><a href="#">消息通知</a></li>
                    </ul>
                </div>
            </aside>
            <!-- ------------用户通栏 -->
            <div class="xtx-all">
                <div class="xtx-overview">
                    <div>
                        <a href="#">
                            <img src="./images/vip.png" alt="">
                            <p>会员中心</p>
                        </a>
                        <a href="#">
                            <img src="./images/safe.png" alt="">
                            <p>安全设置</p>
                        </a>
                        <a href="#">
                            <img src="./images/address.png" alt="" class="addr">
                            <p>地址管理</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <span>6</span>
                            <p>优惠卷</p>
                        </a>
                        <a href="#">
                            <span>70</span>
                            <p>礼品卡</p>
                        </a>
                        <a href="#">
                            <span>120</span>
                            <p>积分</p>
                        </a>
                    </div>
                </div>
                <!-- --------------订单区域 -->
                <div class="orders">
                    <div class="pannel">
                        <h5>我的订单</h5>
                        <a href="#"><span>查看全部<i class="iconfont icon-more"></i></span></a>
                    </div>
                    <div class="goods">
                        <ul>
                            <li>
                                <div class="product">
                                    <img src="./uploads/order_goods_1.jpg" alt="">
                                    <h5>拉夫劳伦t恤男正品圆领短袖...
                                        <p>颜色：白色  尺码：M  数量：1</p>
                                    </h5>
                                    
                                </div>
                                <div class="statue">
                                    <span>待付款</span>
                                </div>
                                <div class="pay">
                                    <p>￥99.00</p>
                                    <p>（含运费：¥10.00元）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="buttom">
                                    <a href="#">立即付款</a>
                                    <a href="#">查看详情</a>
                                    <a href="#">取消订单</a>
                                </div>
                            </li>
                            <li>
                                <div class="product">
                                    <img src="./uploads/order_goods_2.jpg" alt="">
                                    <h5>李宁跑步鞋男鞋空气弧...
                                        <p>颜色：灰色  尺码：42  数量：1</p>
                                    </h5>
                                    
                                </div>
                                <div class="statues">
                                    <span>待收货</span>
                                    <p>查看物流</p>
                                </div>
                                <div class="pay">
                                    <p>￥199.00</p>
                                    <p>（含运费：¥10.00元）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="buttom">
                                    <a href="#">立即付款</a>
                                    <a href="#">查看详情</a>
                                    <a href="#">再次购买</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- --------------------收藏商品 -->
                <div class="collect al-pannel">
                    <div class="lan">
                        <h5>收藏的商品</h5>
                        <a href="#"><p>查看全部<i class="iconfont icon-more"></i></p></a>
                    </div>
                    <div class="goods">
                        <ul>
                            <li>
                                <img src="./uploads/clothes_goods_1.jpg" alt="">
                                <h5 class="up">人本秋季厚底帆布鞋</h5>
                                <h5>韩版低帮增高学生</h5>
                                <p><span>￥</span>55</p>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_2.jpg" alt="">
                                <h5 class="up">迪士尼真皮针扣表带宽度</h5>
                                <h5>14-16mm规格双色压纹</h5>
                                <p><span>￥</span>20.9</p>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_3.jpg" alt="">
                                <h5 class="up">三都港 冷冻无公害黄花鱼</h5>
                                <h5> 700g 2条 袋装  </h5>
                                <p><span>￥</span>209</p>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_4.jpg" alt="">
                                <h5 class="up">ONLY夏季新款高腰宽松</h5>
                                <h5>七分阔腿裙裤休闲裤</h5>
                                <p><span>￥</span>274.5</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- ----------------------同上 -->
                <div class="collect al-pannel">
                    <div class="lan">
                        <h5>我的足迹</h5>
                        <a href="#"><p>查看全部<i class="iconfont icon-more"></i></p></a>
                    </div>
                    <div class="goods">
                        <ul>
                            <li>
                                <img src="./uploads/clothes_goods_1.jpg" alt="">
                                <h5 class="up">人本秋季厚底帆布鞋</h5>
                                <h5>韩版低帮增高学生</h5>
                                <p><span>￥</span>55</p>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_2.jpg" alt="">
                                <h5 class="up">迪士尼真皮针扣表带宽度</h5>
                                <h5>14-16mm规格双色压纹</h5>
                                <p><span>￥</span>20.9</p>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_3.jpg" alt="">
                                <h5 class="up">三都港 冷冻无公害黄花鱼</h5>
                                <h5> 700g 2条 袋装  </h5>
                                <p><span>￥</span>209</p>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_4.jpg" alt="">
                                <h5 class="up">ONLY夏季新款高腰宽松</h5>
                                <h5>七分阔腿裙裤休闲裤</h5>
                                <p><span>￥</span>274.5</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
   








    <!-- 公共底部 -->
    <div class="xtx_footer">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="./uploads/qrcode.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <small>周一至周日 8:00-18:00</small>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 其它 -->
        <div class="extra">
            <div class="wrapper">
                <!-- 口号 -->
                <div class="slogan">
                    <a href="javascript:;" class="price">价格亲民</a>
                    <a href="javascript:;" class="express">物流快捷</a>
                    <a href="javascript:;" class="quality">品质新鲜</a>
                </div>
                <!-- 版权信息 -->
                <div class="copyright">
                    <p>
                        <a href="javascript:;">关于我们</a>
                        <a href="javascript:;">帮助中心</a>
                        <a href="javascript:;">售后服务</a>
                        <a href="javascript:;">配送与验收</a>
                        <a href="javascript:;">商务合作</a>
                        <a href="javascript:;">搜索推荐</a>
                        <a href="javascript:;">友情链接</a>
                    </p>
                    <p>CopyRight &copy; 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>